html {
	height: 100%;
	width: 100%
}

body {
	height: 100%;
	width: 100%;
	margin: 0 0 0 0;
	background: #f5f6f6;
	background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3
		80%, #f5f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f6f6),
		color-stop(21%, #dbdce2), color-stop(49%, #b8bac6),
		color-stop(80%, #dddfe3), color-stop(100%, #f5f6f6) );
	background: -webkit-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%,
		#dddfe3 80%, #f5f6f6 100%);
	background: -o-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3
		80%, #f5f6f6 100%);
	background: -ms-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3
		80%, #f5f6f6 100%);
	background: linear-gradient(to bottom, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3
		80%, #f5f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(      startColorstr='#f5f6f6',
		endColorstr='#f5f6f6', GradientType=0 );
}

.content {
	margin: 0 1% 0 1%;
	width: 98%;
	height: 70%;
}

.entete {
	height: 30%;
	margin-bottom: 1%;
}

.infosEntete{
	margin-left:21%;
	width:79%;
	font-weight: bold;
	font-family: "Segoe Print";
}

.corps {
	height: 80%;
}

.banniere_haut {
	width: 100%;
	height: 15%;
	background-image: url('../resources/images/banniere_Ingebook_test.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.banniere {
	width: 100%;
	height: 15%;
	background-image: url('../resources/images/banniere.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.home_graph {
	width: 100%;
	height: 100%;
}

.inge_graph {
	float: left;
	width: 50%;
	margin-top: 5%;
	background-repeat: no-repeat;
}

.home_inscription {
	float: right;
	margin-top: 12%;
	width: 50%;
}

.ingeLogo {
	width: 100%;
	height: 100%;
}

.photoProfil {
	height: 100%;
	width: 20%;
}

.photoRechercheAmi {
	height: 7%;
	width: 7%;
}

.photoPopUp {
	height: 5em;
	float: right;
	margin-bottom: 1%;
}

.photoListeAmi {
	height: 15%;
	width: 15%;
}

.infosEleve {
	height: 100%;
	width: 80%;
	margin: 0 1%;
}

.menu {
	float: left;
	height: 100%;
	width: 20%;
	margin-right: 1%;
	margin-bottom: 1%;
}

.menu_item {
	margin-bottom: 1%;
}

.fileUpload {
	width: 100% !important;
}

.error {
	color: red;
}

.wall {
	margin-left: 21%;
	height: 100%;
	width: 79%;
}

.formulaireAjoutMessage {
	width: 80%;
}

.formulaireConnection {
	heigth: 100%;
}

.formulaireConnection1 {
	heigth: 100%;
	width: 70%;
	margin: 1%;
}

.etoiles {
	color: #ff0000;
}

.home_inscription .boutonValider {
	width: 70px;
	height: 22px;
	background-image: url('../resources/images/bouton_valider.jpg');
	background-repeat: no-repeat;
	border-radius: 8px;
}

.home_inscription .boutonValider:hover {
	width: 70px;
	height: 22px;
	background-image: url('../resources/images/bouton_valider_hover.jpg');
	background-repeat: no-repeat;
	border-radius: 8px;
}

.formulaireConnection .boutonValider {
	width: 70px;
	height: 22px;
	background-image: url('../resources/images/bouton_valider.jpg');
	background-repeat: no-repeat;
	border-radius: 8px;
}

.formulaireConnection .boutonValider:hover {
	width: 70px;
	height: 22px;
	background-image: url('../resources/images/bouton_valider_hover.jpg');
	background-repeat: no-repeat;
	border-radius: 8px;
}

.entete .deconnect {
	float: right;
	width: 32px;
	height: 32px;
	background-image: url('../resources/images/logout_noir.png');
	background-repeat: no-repeat;
	border-radius: 15px;
}

.entete .deconnect:hover {
	float: right;
	width: 32px;
	height: 32px;
	background-image: url('../resources/images/logout_hover_noir.jpg');
	background-repeat: no-repeat;
	border-radius: 15px;
}

#contenu #body {
	height: 100%;
	width: 100%;
}

.menu_item .rechercher {
	width: 39px;
	height: 22px;
	background-image: url('../resources/images/bouton_add.jpg');
	background-repeat: no-repeat;
	border-radius: 8px;
}

.menu_item .rechercher:hover {
	width: 39px;
	height: 22px;
	background-image: url('../resources/images/bouton_add_hover.jpg');
	background-repeat: no-repeat;
	border-radius: 8px;
}

.renvoyeMotDePasse {
	float: right;
	margin-top: 15%;
}

.renvoyeMotDePasse .boutonEnvoyer {
	width: 10%;
	height: 21px;
	background-image: url('../resources/images/bouton_envoyer.jpg');
	background-repeat: no-repeat;
	border-radius: 8px;
}

.renvoyeMotDePasse .boutonEnvoyer:hover {
	width: 10%;
	height: 21px;
	background-image: url('../resources/images/bouton_envoyer_hover.jpg');
	background-repeat: no-repeat;
	border-radius: 8px;
}

.boutonAjouter{
	width: 26%;
	height: 24px;
	background-image: url('../resources/images/bouton_ajouter.jpg'); 
	background-repeat: no-repeat;
	border-radius: 8px;
}

.boutonAjouter:hover{
	width: 26%;
	height: 24px;
	background-image: url('../resources/images/bouton_ajouter_hover.jpg'); 
	background-repeat: no-repeat;
	border-radius: 8px;
}

.boutonAnnuler{
	width: 26%;
	height: 24px;
	background-image: url('../resources/images/bouton_annuler.jpg'); 
	background-repeat: no-repeat;
	border-radius: 8px;
}

.boutonAnnuler:hover{
	width: 26%;
	height: 24px;
	background-image: url('../resources/images/bouton_annuler_hover.jpg'); 
	background-repeat: no-repeat;
	border-radius: 8px;
}

.formulaireAjoutMessage .boutonPosterMur{
	width: 124px;
	height: 21px;
	background-image: url('../resources/images/bouton_posterMur.jpg'); 
	background-repeat: no-repeat;
	border-radius: 8px;
}

.formulaireAjoutMessage .boutonPosterMur:hover{
	width: 124px;
	height: 21px;
	background-image: url('../resources/images/bouton_posterMur_hover.jpg'); 
	background-repeat: no-repeat;
	border-radius: 8px;
}

.bouton_MAJ_infos{
	width: 85%;
	height: 24px;
	background-image: url('../resources/images/bouton_MAJ_infos.jpg'); 
	background-repeat: no-repeat;
	border-radius: 8px; 
}

.bouton_MAJ_infos:hover{
	width: 85%;
	height: 24x;
	background-image: url('../resources/images/bouton_MAJ_infos_hover.jpg'); 
	background-repeat: no-repeat;
	border-radius: 8px;
}

.menu_item .boutonSupprimer{
	width: 8%;
	height: 24x;
	background-image: url('../resources/images/supprimer.jpg'); 
	background-repeat: no-repeat;
	border-radius: 8px;
}

.message {
	border: 1px solid black;
	padding: 0 1%;
}

.panelTab {
	background: transparent !important;
	background-color: transparent !important;
}

